<!-- 日志 -->
<template>
  <div class="content-box">
    <ul>
      <li v-for="(item, index) in logList" :key="index">
        <div>{{ item.label }}</div>
        <div v-show="item.isDetail" @click="onDetail(item)" class="cus-text" pointer>[查看详情]</div>
      </li>
    </ul>
  </div>
</template>

<script>
export default {
  name: 'JournalInfo',
  props: {
    text: {
      type: String,
      default: ''
    }
  },
  data() {
    return {
      logList: [
        { label: '2024-06-04  09:26:58 ，变更申请状态：已完成', isDetail: false, detailPath: '/' },
        { label: '2024-06-03  09:26:58 ，变更申请事项：供应商名称、收款信息。', isDetail: true, detailPath: '/' },
        { label: '2024-06-02  09:26:58 ，变更申请状态：已驳回；驳回理由：变更资料不全，缺变更后的收款账号信息，补充后再申请。', isDetail: false, detailPath: '/' },
        { label: '2024-06-01  09:26:58 ，变更申请事项：供应商名称、收款信息。', isDetail: true, detailPath: '/' },
      ]
    };
  },
  mounted() {
  },
  methods: {
    onDetail(item) {
      console.log(item, 'onDetail');
    }
  }
}
</script>

<style lang="less" scoped>
.content-box {
  max-width: 500px;
  ul {
    margin: 0;
    padding: 0 16px;
  }
}

</style>